<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<h:head>
	<title><h:outputText value="#{msgs.datosalumno}" /></title>
</h:head>
<h:body>
	<div align="center">
	<h2><h:outputText value="#{msgs.administraralumno}" /></h2>
	</div>
	<f:view>
		<h:form>
			<h3><h:outputText value="#{msgs.datosalumno}" /></h3>
			<h3><h:outputText value="#{msgs.modo}: " /><h:outputText
				value="#{alumnosView.useCaseMode}" /></h3>
			<div align="left" style="font-style: italic; color: red;"><h:messages
				styleClass="error" /></div>
			<rich:panel>
				<h:panelGrid columns="2">
					<h:column>
						<h:outputText value="ID:" />
					</h:column>
					<h:column>
						<h:outputText value="#{alumnosView.alumno.id}"
							rendered="#{alumnosView.modoConsulta or alumnosView.modoEliminacion or alumnosView.modoModificacion}" />
					</h:column>

					<h:column>
						<h:outputText value="#{msgs.nombre}:" />
					</h:column>
					<h:column>
						<h:outputText value="#{alumnosView.alumno.nombre}"
							rendered="#{alumnosView.modoConsulta or alumnosView.modoEliminacion}" />
						<h:inputText value="#{alumnosView.alumno.nombre}"
							rendered="#{alumnosView.modoNuevo or alumnosView.modoModificacion}"
							required="true" id="nombre"
							validatorMessage="El campo 'Nombre' es incorrecto"
							requiredMessage="Debe ingresar un 'Nombre'" />
					</h:column>

					<h:column>
						<h:outputText value="#{msgs.apellido}:" />
					</h:column>
					<h:column>
						<h:outputText value="#{alumnosView.alumno.apellido}"
							rendered="#{alumnosView.modoConsulta or alumnosView.modoEliminacion}" />
						<h:inputText value="#{alumnosView.alumno.apellido}"
							rendered="#{alumnosView.modoNuevo or alumnosView.modoModificacion}"
							required="true" id="apellido"
							validatorMessage="El campo 'Apellido' es incorrecto"
							requiredMessage="Debe ingresar un 'Apellido'" />
					</h:column>

					<h:column>
						<h:outputText value="#{msgs.email}:" />
					</h:column>
					<h:column>
						<h:outputText value="#{alumnosView.alumno.email}"
							rendered="#{alumnosView.modoConsulta or alumnosView.modoEliminacion}" />
						<h:inputText value="#{alumnosView.alumno.email}"
							rendered="#{alumnosView.modoNuevo or alumnosView.modoModificacion}"
							id="email">
							<f:validator validatorId="validateEmail" />
						</h:inputText>
					</h:column>

					<h:column>
						<h:outputText value="#{msgs.telefono}:" />
					</h:column>
					<h:column>
						<h:outputText value="#{alumnosView.alumno.telefono}"
							rendered="#{alumnosView.modoConsulta or alumnosView.modoEliminacion}" />
						<h:inputText value="#{alumnosView.alumno.telefono}"
							rendered="#{alumnosView.modoNuevo or alumnosView.modoModificacion}" />
					</h:column>
				</h:panelGrid>
			</rich:panel>
			<h:panelGrid columns="4">
				<h:column>
					<h:commandButton action="#{alumnosListener.guardarAlumno}"
						value="#{msgs.btnguardar}" rendered="#{alumnosView.modoNuevo}" />
				</h:column>
				<h:column>
					<h:commandButton action="#{alumnosListener.guardarAlumno}"
						value="#{msgs.btnguardar}"
						rendered="#{alumnosView.modoModificacion}" />
				</h:column>
				<h:column>
					<h:commandButton action="#{alumnosListener.deleteAlumno}"
						value="#{msgs.btneliminar}"
						rendered="#{alumnosView.modoEliminacion}" />
				</h:column>
				<h:column>
					<h:commandButton action="#{alumnosListener.listarAlumnos}"
						value="#{msgs.btnvolver}" immediate="true" />
				</h:column>
			</h:panelGrid>
		</h:form>
	</f:view>
</h:body>
</html>